@import "@/styles/variables.scss";
.container_page {
  background: #f4f5f5;
  height: 100vh;
  font-size: 28rpx;
  overflow: hidden;

  .header {
    background-color: #b4d4ff;
  }

  .main /deep/ {
    min-height: calc(100vh - 80rpx);
    overflow: auto;
    background: $OVERALL_SITUATION_BACKGROUND_GRADIENT;

    .card {
      position: relative;
      height: calc(100vh - 160rpx);

      .title {
        color: #333;
        font-size: 30rpx;
        font-weight: bold;
        line-height: 36rpx;

        .titleTip {
          display: inline;
          font-weight: 300;
          font-size: 20rpx;
          color: red;
        }
      }

      .formItem {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: calc(100% - 40rpx);
        margin: 12rpx auto 0;
        padding: 0 22rpx;
        height: 110rpx;
        background-color: #fff;
        border-radius: 20rpx;

        &:first-child {
          margin-top: 0;
        }

        .label {
          color: #333;
          font-size: 28rpx;
          font-weight: 400;
          line-height: 36rpx;
          width: 40%;
        }

        .content {
          flex: 1;
          text-align: right;
        }
      }

      .tip {
        color: #ff7f34;
        margin-left: 20rpx;
        font-size: 22rpx;
      }

      .formItem_doubleRow {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: calc(100% - 40rpx);
        margin: 12rpx auto 0;
        padding: 40rpx 22rpx;
        height: 350rpx;
        background-color: #fff;
        border-radius: 20rpx;
        .label {
          color: #333;
          font-size: 28rpx;
          font-weight: 400;
          line-height: 36rpx;
          margin-bottom: 20rpx;
        }
      }
    }
  }

  .footer {
    position: fixed;
    width: 100%;
    line-height: 80rpx;
    background-color: white;
    color: white;
    text-align: center;
    bottom: 0;
    z-index: 2;
    display: flex;

    & > view {
      flex: 1;
      margin: 0 20rpx;
    }

    &-submit {
      background: $OVERALL_CONFIRM_BUTTON_COLOR;
      border-radius: 40rpx;
    }

    .btn_prev {
      border: 1rpx solid #0090fe;
      color: #335ac6;
      border-radius: 40rpx;
      background: white;
    }
  }
}
